<template>
  <basic-container>
    <el-tabs v-model="activeName">
      <el-tab-pane
        label="云认养中"
        :name="ADOPTION_RECORD_TYPE.ADOPTING"
      >
        <adoptionRecord
          :record-type="ADOPTION_RECORD_TYPE.ADOPTING"
        ></adoptionRecord>
      </el-tab-pane>
      <el-tab-pane
        label="认养过期"
        :name="ADOPTION_RECORD_TYPE.EXPIRED"
      >
        <adoptionRecord
          :record-type="ADOPTION_RECORD_TYPE.EXPIRED"
        ></adoptionRecord>
      </el-tab-pane>
      <el-tab-pane
        label="认养停止"
        :name="ADOPTION_RECORD_TYPE.STOP"
      >
        <adoptionRecord
          :record-type="ADOPTION_RECORD_TYPE.STOP"
        ></adoptionRecord>
      </el-tab-pane>
    </el-tabs>
  </basic-container>
</template>
<script>
import { ADOPTION_RECORD_TYPE } from '@/const/type';
import adoptionRecord from './components/record/adoptionRecord.vue';
export default {
  components: {
    adoptionRecord,
  },
  data() {
    return {
      ADOPTION_RECORD_TYPE,
      activeName: ADOPTION_RECORD_TYPE.ADOPTING,
    };
  },
};
</script>
